<template>

 <van-tabbar  class="bottom-bar">
 <van-tabbar route>
      <van-tabbar-item
        replace
        v-for="item in data"
        :key="item.id">
        <img :src="item.id === MENU_ID_ONE ? item.activeImageUrl : item.imageUrl"
      :class="`bottom-bar__item${item.id}`" />
      <div class="bottom-bar__message" v-if="item.name"
      @click="handlejumpToHome(item)">{{item.name}}</div>
      </van-tabbar-item>
    </van-tabbar>
</van-tabbar>

</template>

<script>
export default {
  data () {
    return {
      data: []
    }
  }
}
</script>

<style lang="less" scoped>
.bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 108px;
  opacity: 0.6;
  background: #ffffff;
}
</style>
